doctype html
html(lang='en')
  head
    meta(charset='utf-8')
    | &#x9;
    meta(http-equiv='X-UA-Compatible', content='IE=edge')
    | &#x9;
    meta(name='viewport', content='width=device-width, initial-scale=1')
    | &#x9;
    title &#x4E2A;&#x4EBA;&#x4E2D;&#x5FC3;-&#x9759;&#x4E60;&#x82D1;
    //
      Holiday Template
      http://www.templatemo.com/tm-475-holiday
    link(href='http://fonts.useso.com/css?family=Open+Sans:400,300,400italic,600,700', rel='stylesheet', type='text/css')
    | &#x9;
    link(href='css/font-awesome.min.css', rel='stylesheet')
    | &#x9;
    link(href='css/bootstrap.min.css', rel='stylesheet')
    | &#x9;
    link(href='css/bootstrap-datetimepicker.min.css', rel='stylesheet')
    |   
    | &#x9;
    link(href='css/flexslider.css', rel='stylesheet')
    | &#x9;
    link(href='css/templatemo-style.css', rel='stylesheet')
    // HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries
    // WARNING: Respond.js doesn't work if you view the page via file://
    //if lt IE 9
      script(src='https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js')
      | &#x9;&#x9;
      script(src='https://oss.maxcdn.com/respond/1.4.2/respond.min.js')
  | &#x9;
  body.tm-gray-bg
    // Header
    .tm-header
      .container
        .row
          .col-lg-5.col-md-4.col-sm-3.tm-site-name-container
            a.tm-site-name(href='#') &#x9759;&#x4E60;&#x82D1;
            | &#x9;&#x9;&#x9;&#x9;&#x9;
            span.hidden-xs.hidden-sm &mdash;&mdash;&#x5B89;&#x9759;&#x3001;&#x7F8E;&#x4E3D;&#x3001;&#x8212;&#x9002;
          | &#x9;&#x9;&#x9;&#x9;
          .col-lg-7.col-md-8.col-sm-9
            .mobile-menu-icon
              i.fa.fa-bars
            | &#x9;&#x9;&#x9;&#x9;&#x9;
            nav.tm-nav
              ul
                li
                  a(href='index.html') &#x9996; &#x9875;
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                li
                  a(href='select.html') &#x9009; &#x5EA7;
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                li
                  a.active(href='contact.html') &#x4E2A;&#x4EBA;&#x4E2D;&#x5FC3;
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                li
                  a(href='about.html') &#x5173; &#x4E8E;
              | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
              form.navbar-form.navbar-right.hidden-xs.hidden-sm(action='##', style='margin-top:30px;margin-right:0px;margin-left:0px;')
                a.btn.btn-success(href='#') &#x6CE8;&#x518C;
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                a.btn.btn-default(href='#') &#x767B;&#x5F55;
    // white bg
    section.tm-white-bg.section-padding-bottom
      .container
        .row
          .tm-section-header(style='margin-top:20px;')
            .col-lg-4.col-md-3.col-sm-3
              hr
            | &#x9;&#x9;&#x9;&#x9;&#x9;
            .col-lg-4.col-md-6.col-sm-6
              h2.tm-section-title &#x4E2A;&#x4EBA;&#x4E2D;&#x5FC3;
            | &#x9;&#x9;&#x9;&#x9;&#x9;
            .col-lg-4.col-md-3.col-sm-3
              hr
        | &#x9;&#x9;&#x9;
        .row
          // Testimonial
          .col-lg-12
            .tm-what-we-do-right
              .tm-about-box-2.margin-bottom-30
                h3.tm-about-box-2-title &#x6211;&#x7684;&#x5EA7;&#x4F4D;&#x4FE1;&#x606F;
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                p(style='color: rgb(154, 152, 152);margin-bottom: 20px;') &#x8BF7;&#x6CE8;&#x610F;&#xFF1A;&#x672A;&#x53CA;&#x65F6;&#x7EED;&#x65F6;&#x7684;&#x5EA7;&#x4F4D;&#x4F1A;&#x88AB;&#x6E05;&#x9000;&#xFF0C;&#x4E14;&#x589E;&#x52A0;&#x8BB0;&#x5F55;&#x8D85;&#x65F6;&#x6B21;&#x6570;&#x4E00;&#x6B21;&#xFF0C;&#x6240;&#x4EE5;&#x8BF7;&#x79BB;&#x5EA7;&#x5E76;&#x4E14;&#x4E0D;&#x518D;&#x56DE;&#x6765;&#x7684;&#x540C;&#x5B66;&#x8BB0;&#x5F97;&#x9000;&#x5EA7;&#xFF0C;&#x4EE5;&#x514D;&#x4F24;&#x53CA;&#x4FE1;&#x7528;&#x3002;
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                .tm-about-box-2.pull-right(style='margin-bottom: 20px;')
                  button.btn.btn-info(type='button') &#x9000;&#x5EA7;
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  button.btn.btn-info(type='button', disabled='disabled') &#x7EED;&#x65F6;
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                table.table.table-striped.table-hover
                  thead
                    tr
                      th &#x81EA;&#x4E60;&#x5BA4;
                      | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9; 
                      th &#x4F4D;&#x7F6E;
                      | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9; 
                      th &#x5750;&#x4E0B;&#x65F6;&#x95F4;
                      | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9; 
                      th &#x79BB;&#x5EA7;&#x65F6;&#x95F4;
                      | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9; 
                      th &#x64CD;&#x4F5C;
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9; 
                  tbody
                    tr
                      td A
                      | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9; 
                      td 07
                      | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9; 
                      td 2016&#x5E74;4&#x6708;5&#x53F7;&#x4E0B;&#x5348;14&#x65F6;23&#x5206;
                      | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9; 
                      td &#x672A;&#x79BB;&#x5EA7;
                      | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9; 
                      td
                        input(type='radio', name='operation', value='A07', disabled='disabled')
              | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
              .tm-about-box-2(style='clear:both;')
                .page(style='text-align:center;')
                  ul.pagination.pagination
                    li.active
                      a(href='#') 1
                    | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                    li
                      a(href='#') 2
                    | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                    li
                      a(href='#') 3
                    | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                    li
                      a(href='#') 4
                    | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                    li
                      a(href='#') 5
                    | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                    li
                      a(href='#') 6
            | &#x9;&#x9;&#x9;&#x9;&#x9;
            .tm-testimonials-box
              h3.tm-testimonials-title &#x4E2A;&#x4EBA;&#x4FE1;&#x606F;
              | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
              div(style='margin-left: 15px;margin-right: 15px;')
                .tm-testimonial
                  strong.text-uppercase
                    | &#x59D3;&#x540D;:
                    span &#x5468;&#x5CB3;&#x8C22;
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  br
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  strong.text-uppercase
                    | &#x5B66;&#x53F7;:
                    span 1312012049
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  br
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  strong.text-uppercase
                    | &#x5E74;&#x7EA7;:
                    span &#x5927;&#x4E09;
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  br
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  strong.text-uppercase
                    | &#x5B66;&#x9662;:
                    span &#x6570;&#x4FE1;&#x5B66;&#x9662;
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  br
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  strong.text-uppercase
                    | &#x4E13;&#x4E1A;:
                    span &#x4FE1;&#x7BA1;
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                .tm-testimonial
                  strong.text-uppercase
                    | &#x8D85;&#x65F6;&#x6B21;&#x6570;:
                    span 21
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  p &#x8D85;&#x65F6;&#x6B21;&#x6570;&#x8D8A;&#x591A;&#x8BF4;&#x660E;&#x4F60;&#x8D8A;&#x4E0D;&#x5B88;&#x4FE1;&#x3002;
                |  
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                .tm-testimonial
                  strong.text-uppercase
                    | &#x559C;&#x6B22;&#x4EBA;&#x6570;:
                    span 43
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  p &#x559C;&#x6B22;&#x4EBA;&#x6570;&#x91CF;&#x8D8A;&#x591A;&#x4EE3;&#x8868;&#x4F60;&#x8D8A;&#x53D7;&#x6B22;&#x8FCE;&#x3002;
                | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                .tm-testimonial
                  strong.text-uppercase
                    | &#x4E0D;&#x559C;&#x6B22;&#x4EBA;&#x6570;:
                    span 2
                  | &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
                  p &#x5982;&#x679C;&#x6570;&#x91CF;&#x5F88;&#x591A;&#x4F60;&#x5F97;&#x597D;&#x597D;&#x53CD;&#x601D;&#x4E3A;&#x4EC0;&#x4E48;&#x4F1A;&#x8FD9;&#x6837;&#x54AF;!
    | &#x9;
    footer.tm-black-bg
      .container
        .row
          p.tm-copyright-text
            | &#x9759;&#x4E60;&#x82D1; &#x63D0;&#x4F9B;&#x7684;&#x5185;&#x5BB9;&#x4EC5;&#x7528;&#x4E8E;&#x6D4B;&#x8BD5;&#x3002;&#x6211;&#x4EEC;&#x4E0D;&#x4FDD;&#x8BC1;&#x5185;&#x5BB9;&#x7684;&#x6B63;&#x786E;&#x6027;&#x3002;&#x901A;&#x8FC7;&#x4F7F;&#x7528;&#x672C;&#x7AD9;&#x5185;&#x5BB9;&#x968F;&#x4E4B;&#x800C;&#x6765;&#x7684;&#x98CE;&#x9669;&#x4E0E;&#x672C;&#x7AD9;&#x65E0;&#x5173;&#x3002;&#x4E14;&#x6240;&#x6709;&#x5185;&#x5BB9;&#x4EC5;&#x4F9B;&#x6D4B;&#x8BD5;&#xFF0C;&#x5BF9;&#x4EFB;&#x4F55;&#x6CD5;&#x5F8B;&#x95EE;&#x9898;&#x53CA;&#x98CE;&#x9669;&#x4E0D;&#x627F;&#x62C5;&#x4EFB;&#x4F55;&#x8D23;&#x4EFB;&#x3002;&#x5F53;&#x4F7F;&#x7528;&#x672C;&#x7AD9;&#x65F6;&#xFF0C;&#x4EE3;&#x8868;&#x60A8;&#x5DF2;&#x63A5;&#x53D7;&#x4E86;&#x672C;&#x7AD9;&#x7684;&#x4F7F;&#x7528;&#x6761;&#x6B3E;&#x548C;&#x9690;&#x79C1;&#x6761;&#x6B3E;&#x3002;&#x7248;&#x6743;&#x6240;&#x6709;&#xFF0C;&#x4FDD;&#x7559;&#x4E00;&#x5207;&#x6743;&#x5229;&#x3002;
    script(type='text/javascript', src='js/jquery-1.11.2.min.js')
    script(type='text/javascript', src='js/bootstrap.min.js')
